import { Carousel } from 'antd';
import React, { Component } from 'react'

export default class CarouselImg extends Component {
    render() {
        return (
            <div>
                <Carousel autoplay>
                    <div>
                        <h3 style={{ height: '160px', color: '#fff', lineHeight: '160px', textAlign: 'center', background: '#364d79' }}>1</h3>
                    </div>
                    <div>
                        <h3 style={{ height: '160px', color: '#fff', lineHeight: '160px', textAlign: 'center', background: '#364d79' }}>2</h3>
                    </div>
                    <div>
                        <h3 style={{ height: '160px', color: '#fff', lineHeight: '160px', textAlign: 'center', background: '#364d79' }}>3</h3>
                    </div>
                    <div>
                        <h3 style={{ height: '160px', color: '#fff', lineHeight: '160px', textAlign: 'center', background: '#364d79' }}>4</h3>
                    </div>
                    <div>
                        <h3 style={{ height: '160px', color: '#fff', lineHeight: '160px', textAlign: 'center', background: '#364d79' }}>5</h3>
                    </div>
                </Carousel>
            </div>
        )
    }
}
